/* 设置统一的根字体大小，方便使用rem进行单位转换 */
html{
    font-size: 62.5%;
}
/* 统一设置网站颜色 */
body{
    color: #333333;
    font-size: 1.2rem;
    margin: 0 3rem;
}
/* 去掉文本类标签的预定义 */
h1, h2, h3, h4, h5, h6, p, ul,figure{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
/* 去掉列表项前面的符号 */
li{
    list-style-type: none;
}
/* 去掉链接a标签的下划线 */
a{
    text-decoration: none;
    color: #333333;
}
a:hover{
    color: red;
}
/* 最外层容器统一定义*/
header,nav,main,footer{
    width: 100%;
}

div{
    width: 62rem;
    background-color: #f5f5f5;
}